iT邦幫忙

0

[Vue2] 從初學到放棄 Day4-開始使用Vue

  • 分享至 

  • xImage
  •  

Vue Instance

var vm = newVue()

使用Vue時,主要概念會是先使用Instatnce,接下來才開始做每一個項目的實作
TODOList為範例:

Root Instance
└─ TodoList
   ├─ TodoItem
   │  ├─ TodoButtonDelete
   │  └─ TodoButtonEdit
   └─ TodoListFooter
      ├─ TodosButtonClear
      └─ TodoListStatistics

文章內第二段直接先提到Data和methods的關係


Data && Methods

對這邊的流程跟邏輯其實還是有點沒辦法理解,就將我所理解到的東西寫出來,請各位多多指正。

Object 一個物件之後,放進Vue Instance之後,他就會變成響應式資料,就會放在**$**裡面。
裡面是真的蠻多屬性,以後再來研究。$也代表Vue提供的預設功能,有興趣的可以去找API reference,這就再找時間寫了。

var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

vm.$data === data // => true

這邊大概是在說這個。

這邊要注意的是使用的時候多一個不屬於原本object裡面的資料,會無法使用響應資料。在後面應該有解決的辦法,到時候再研究看看。 今天還在找資料,先寫到這樣吧....


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言